@import url(comment.css);
html {overflow:hidden;}
body {padding:0;width:100%;background:url(../img/bg.jpg) repeat;}
#mask, #footer {display:none;}

.h1mask {height:50px;width:100%;position:absolute;background:#666;top:5px;right:0;}
.share {position:absolute;display:block;height:50px;left:90px;top:60px;z-index:1000;display:none;}
h1 {position:absolute;width:100%;text-align:center;top:5px;z-index:998;height:50px;line-height:50px;text-shadow:0 0 8px #000;}
h1 em {font-size:20px;color:#fff;}
.logo {display:block;left:8px;top:5px;width:187px;height:50px;position:absolute;z-index:999;}
.logo a {float:left;width:187px;height:50px;background:url(../../logo/zh.png) no-repeat 0 0;overflow:hidden;text-indent:-1000px;}

.upanel {position:fixed;right:5px;top:9px;z-index:1021;}
.image {display:block;position:absolute;width:100%;top:55px;margin:0;text-align:center;height:100%;z-index:100;}
.image div.imgBox {width:1000px;height:800px;overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.image div.imgBox a.display {position:static;+position:absolute;top:50%;z-index:0;}
.image div.imgBox span {position:absolute;top:0;width:50%;height:100%;cursor:pointer;text-indent:-9999px;overflow:hidden;}
.image div.imgBox span.previous {left:0;}
.image div.imgBox span.next {right:0;}
.image a.display img, .image a.display canvas {	
	position:static;+position:relative;top:-50%;left:-50%;
	border:0;max-width:95%;max-height:95%;margin:10px;cursor:pointer;
	-webkit-box-shadow:0 0 18px rgba(0, 0, 0, 0.8);-moz-box-shadow:0 0 18px rgba(0, 0, 0, 0.8);box-shadow:0 0 18px rgba(0, 0, 0, 0.8);
	-webkit-border-radius:8px;border-radius:8px;-moz-border-radius:8px;
}
.image .toolbox {position:absolute;bottom:20px;width:100%;left:0;z-index:1008;height:40px;text-align:center;overflow:hidden;display:none;}
.image .toolbox .icon {clear:both;margin:0 auto;width:152px;}
.image .toolbox ul, .image .toolbox ul li {float:left;margin:0;padding:0;}
.image .toolbox ul {
	background:#000;padding:2px 0;
	-webkit-box-shadow:0 0 18px #222;-moz-box-shadow:0 0 18px #222;box-shadow:0 0 18px #222;
	-webkit-border-radius:8px;border-radius:8px;-moz-border-radius:8px;	
}
.image .toolbox ul li {margin:0 4px;}
.image .toolbox ul li a {
	float:left;width:30px;height:30px;text-indent:-1000px;overflow:hidden;background:url(../img/icon.png) no-repeat 0 -270px;
}
.image .toolbox ul li a.revolve-l {}
.image .toolbox ul li a.revolve-l:hover {background-position:-30px -270px;}
.image .toolbox ul li a.revolve-r {background-position:-60px -270px;}
.image .toolbox ul li a.revolve-r:hover {background-position:-90px -270px;}
.image .toolbox ul li a.zoom {background-position:-120px -270px;}
.image .toolbox ul li a.zoom:hover {background-position:-150px -270px;}
.image .toolbox ul li a.play {background-position:-240px -270px;}
.image .toolbox ul li a.play:hover {background-position:-270px -270px;}
.image .toolbox ul li a.pause {background-position:-300px -270px;}
.image .toolbox ul li a.pause:hover {background-position:-330px -270px;}

.myplayer {
	position:absolute;bottom:30px;background:#000;padding:5px;left:50%;margin-left:-21px;display:none;
	-webkit-box-shadow:0 0 18px #222;-moz-box-shadow:0 0 18px #222;box-shadow:0 0 18px #222;
	-webkit-border-radius:8px;border-radius:8px;-moz-border-radius:8px;
}
.myplayer a {float:left;width:30px;height:30px;text-indent:-1000px;overflow:hidden;background:url(../img/icon.png) no-repeat -300px -270px;}
.myplayer a:hover {background-position:-330px -270px;}

ul.np {position:absolute;top:65px;right:310px;z-index:1008;}
ul.np li {
	display:block;width:78px;height:115px;background:#333;border:1px solid #000;margin-bottom:12px;
	-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.8);-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.8);box-shadow:0 0 8px rgba(0, 0, 0, 0.8);
}
ul.np li a {float:left;width:78px;overflow:hidden;text-align:center;}
ul.np li a strong {display:block;width:64px;margin:0 auto;font-size:12px;line-height:20px;}
ul.np li a span {display:block;width:64px;height:85px;margin:1px auto;overflow:hidden;background:#222;}
ul.np li a span img {min-width:64px;max-height:85px;}

.related {
	position:absolute;top:55px;width:72px;left:0;border-right:1px solid #333;padding:0 5px;background:#222;
}
.related h3 {display:block;height:25px;line-height:25px;overflow:hidden;color:#C9F99A;}
.related .relatedBox {float:left;width:100%;margin:5px 0;height:50%;overflow:hidden;}
.related li {float:left;width:100%;margin:0 0 8px 0;}
.related li a {display:block;width:70px;border:1px solid #000;height:100px;overflow:hidden;position:relative;background:#333;}
.related li a img {max-height:100px;max-width:70px;}

.gallery {position:absolute;width:100%;bottom:25px;z-index:104;height:48px;text-align:center;}
.gallery .container {display:block;width:0px;overflow:hidden;margin:0 auto;padding:3px 0 2px 0;position:relative;}
.gallery .container a.arrow {
	position:absolute;padding:8px 0;top:4px;width:24px;background:url(../img/icon.png) no-repeat 0 0;
	overflow:hidden;text-indent:-500px;background-color:#000;z-index:999;display:none;
}
.gallery .container a.l {
	left:0;background-position:5px -26px;
	border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
}
.gallery .container a.r {
	right:0;background-position:6px -78px;
	border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
}
.gallery ul, .gallery li, .gallery .img, .gallery .img a, .gallery .img a img {float:left;padding:0;margin:0;}
.gallery ul {width:999999px;}
.gallery li {position:relative;}
.gallery li img.cache {position:absolute;top:100px;}
.gallery li.current .img a {-webkit-box-shadow:0 0 2px yellow;-moz-box-shadow:0 0 2px yellow;box-shadow:0 0 2px yellow;}
.gallery .img a {margin:0 3px;}
.gallery .img a img {height:40px;}
.gmask {background:#000;border-top:1px solid #555;z-index:8;}

.comment {position:fixed;width:300px;border-left:1px solid #000;height:100%;top:55px;right:0;background:#333;z-index:1020;overflow:hidden;}
.comment .page {margin-bottom:10px;}
#commentMain {font-size:12px;margin:0 2px;position:absolute;top:138px;width:296px;overflow-y:auto;}
#commentMain dl dt {padding:0;padding:0 0 0 4px;}
#commentMain dl dt img {width:32px;}
#commentMain dl dd {margin-left:-36px;}
#commentMain dl dd .commentMain {padding-left:36px;}
.commentMain .name h5 a {font-size:12px;}
.commentMain .name code a {font-size:10px;margin-top:0;}
.commentMain .content {font-size:12px;padding:3px 0;}
#commentMain .nocomment i {margin-top:0px;}

#commentForm {
	margin:0;padding:2px 5px 10px 5px;border:none;position:relative;
	-webkit-border-radius:0;border-radius:0;-moz-border-radius:0;
	box-shadow: 0 3px 6px #222;-webkit-box-shadow: 0 3px 6px #222;-moz-box-shadow: 0 3px 6px #222;
}
#commentForm h3.title {position:absolute;right:3px;top:5px;}
#commentForm h3.title span, #commentForm h3.title code {display:none;}
#commentForm ul {padding:0;}
#commentForm li label {float:left;width:80px;}
#commentForm li .message {width:100%;padding:0;margin:0;}
#commentForm li #comment-quote {
	position:relative;display:block;border:1px dashed #333;padding:2px 5px 3px 15px;
	font-size:12px;margin-top:5px;line-height:1.3em;display:none;
}
#commentForm li #comment-quote code {position:absolute;left:3px;top:2px;width:50px;height:50px;}
#commentForm li textarea {
	width:96%;height:50px;-webkit-border-radius:0;border-radius:0;-moz-border-radius:0;
	margin:0;background-position:center 8px;
}
#commentForm ul li.author, #commentForm ul li.text label, #commentForm ul li.bar label, #commentForm ul li.bar span {display:none;}

.zoomPanel, .zoomMask {position:absolute;display:none;width:100%;height:100%;z-index:2000;overflow:auto;}
.zoomPanel .zoomBox {position:relative;width:100%;height:100%;text-align:center;padding:10px 0;display:table-cell;vertical-align:middle;}
.zoomPanel .zoomBox span {position:static;+position:absolute;top:50%;z-index:0;}
.zoomPanel img.zoomImg {
	position:static;+position:relative;top:-50%;left:-50%;
	max-width:95%;box-shadow: 0 3px 6px #000;-webkit-box-shadow: 0 3px 6px #000;-moz-box-shadow: 0 3px 6px #000;
}
.zoomPanel code {position:fixed;left:0;font-size:20px;top:0;width:16px;height:20px;background:#000;z-index:2001;}
.zoomMask {background:#333;z-index:1999;overflow:hidden;}

.xloading {
	position:fixed;width:120px;height:60px;z-index:1005;left:50%;top:50%;margin-left:-60px;margin-top:-50px;
	background:url(../img/loading1.gif) no-repeat center 10px;overflow:hidden;text-indent:-1000px;
	padding:0;display:none;-webkit-border-radius:5px;border-radius:5px;-moz-border-radius:5px;
}
.processbar {position:fixed;width:0;height:1px;overflow:hidden;background:yellow;left:0;bottom:74px;z-index:1021;}
.br {position:absolute;width:290px;right:310px;font-size:12px;bottom:78px;text-align:right;line-height:15px;}
.br i {float:left;width:15px;height:15px;background:url(../img/icon.png) no-repeat -485px 0;margin:1px 3px 0 0;}
.br em {float:left;}
